<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Responsive Admin Dashboard Template">
        <meta name="keywords" content="admin,dashboard">
        <meta name="author" content="skcats">
		<title></title>
		<link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all" />
        <link th:href="@{/assets/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
        <link th:href="@{/assets/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
        <link th:href="@{/assets/css/custom.css}" rel="stylesheet">
	</head>
	<style>
    .layui-table-page {
        text-align: center;
    }

    .utable .layui-laypage .layui-laypage-curr .layui-laypage-em {
        background-color: #1E9FFF;
    }
    .layui-input-inline{margin-left: 50px;}
    .layui-form-item{margin-top: 20px;}
    .layui-form-label{width: 80px;}
    .layui-table-view thead th {
        text-align: center;
        font-weight: bold;
    }
    .layui-table-view tbody td {
        text-align: center;
    }
    .layui-table {
        text-align: center;
        margin-top: -30px;
    }
	</style>
<body>

<script type="text/html" id="bar">
    <a class="layui-btn layui-btn-xs" lay-event="look">
        <i class="layui-icon">&#xe642;</i>查看详情
    </a>
</script>


<!--数据表格  数据表格使用的是方法渲染-->
<div class="utable">
<table class="layui-table"
       lay-data="{width:1250,height:520, url:'/assess/listdata', page:true, id:'tab',toolbar: '#toolbarDemo'}"
       lay-filter="tab">
    <thead>
    <tr>
        <th lay-data="{field:'assessid', width:80, sort: true}">编号</th>
        <th lay-data="{field:'emp_Name'}">员工姓名</th>
        <th lay-data="{field:'depName'}">部门名称</th>
        <th lay-data="{field:'emp_Sex'}">性别</th>
        <th lay-data="{field:'Phone'}">手机号码</th>
        <th lay-data="{field:'score',sort: true}">考核分数</th>
        <th lay-data="{fixed: 'right', title:'操作', toolbar: '#bar'}"></th>
    </tr>
    </thead>
</table>
</div>
</body>
<script th:src="@{/assets/plugins/jquery/jquery-3.1.0.min.js}"></script>
<script th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:inline="none">

    layui.use('table', function () {
        var table = layui.table;
        //监听行工具事件
        table.on('tool(tab)', function (obj) {
            var data = obj.data;
            if (obj.event === 'look') {
                document.location.href="/option/toassess?id="+data.empid;
            }
        })

    });
</script>
</html>